<template>
  <div class="recommend">
      <div class="iconfont icon-tuijian"><text>每日推荐</text></div>
      <div class="iconfont icon-zhibo"><text>私人FM</text></div>
      <div class="iconfont icon-gedan"><text>歌单</text></div>
      <div class="iconfont icon-paihangbang"><text>排行榜</text></div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less">

.recommend{
    display: flex;
    justify-content: space-around;
    margin-top:0.3rem;
    div{

        font-size:1.05rem;

        text{
        display: block;
        margin-top:.1rem;
        font-size:0.3rem;
        font-weight: 600;
        text-align: center;
        color:rgb(53, 52, 52);
            
        }
        }
    div:nth-child(1){
        color:orange;
        }
    div:nth-child(2){
        color:skyblue;
        }
     div:nth-child(3){
        color:rgb(151, 84, 67);
        }
         div:nth-child(4){
        color:rgb(226, 203, 128);
        }
}
</style>